﻿<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>防疫信息可视化</title>

<!--默认样式-->
<link rel="stylesheet" href="../static/css/reset.css">

<!--响应式框架-->
<link rel="stylesheet" href="../static/css/bootstrap.css">

<!--css3动画库-->
<link rel="stylesheet" href="../static/css/animate.css">

<!--banner大图基础样式-->
<link rel="stylesheet" href="../static/css/slick.css">

<!--页面滚动基础样式-->
<link rel="stylesheet" href="../static/css/jquery.fullPage.css" />

<!--导航样式-->
<link rel="stylesheet" href="../static/css/head.css" />

<!--图片和滚屏样式-->
<link rel="stylesheet" href="../static/css/index.css">

</head>
<body>
<!-- 导航 -->
<header class="header"> 
	<div class="container clearfix"> 
		<div class="fr nav"> 
			<ul class="navbar_nav" data-in="fadeInDown" data-out="fadeOutUp">
				<li class="active">
					<a href="/">首页</a>					</li>
				<li class="dropdown">
					<a href="/checkIn">打卡统计</a>
				</li>
				<li class="dropdown">
					<a href="/chinaCov">国内疫情</a>
				</li>
				<li>
					<a href="/worldCov">世界疫情</a>					</li>
			</ul>
		</div>
		<a href="javascript:void(0)" id="navToggle">
			<span></span>
		</a>
	</div>
</header>
<!--移动端的导航-->
<div class="m_nav">
	<div class="logo">
		<img src="../static/img/logo.png" alt="" />
	</div>
		<ul class="ul" data-in="fadeInDown" data-out="fadeOutUp">
		<li class="active">
			<a href="/">首页</a>
		</li>
		<li class="dropdown">
			<a href="/checkIn">打卡统计</a>
			<div class="dropdown_menu"></div>
		</li>
		<li class="dropdown">
			<a href="/chinaCov">国内疫情</a>
		</li>
		<li class="dropdown">
			<a href="/worldCov">国内疫情</a>
		</li>
	</ul>
</div>
<!-- 内容 -->
<div id="index_main" class="index_main">
	<!--导航-->
	<div class="section section1">
		<div class="index_banner">
			<div class="item">
				<div class="items scaleBg" style="background-image: url(../static/img/banner1.jpg);"></div>
				<div class="inner">
					<div class="block_txt">
						<h2>Data Visualization</h2>
						<h4>数据可视化助力高校疫情防控</h4>
					</div>
				</div>
			</div>
			<div class="item">
				<div class="items scaleBg" style="background-image: url(../static/img/banner2.jpg);"></div>
				<div class="inner">
					<div class="block_txt">
						<h2>打卡数据可视化</h2>
						<h3>学生假期打卡数据可视化分析，助推后台防疫信息高效统计与管理</h3>
					</div>
				</div>
			</div>
			<div class="item">
				<div class="items scaleBg" style="background-image: url(../static/img/banner3.jpg);"></div>
				<div class="inner">
					<div class="block_txt">
						<h2>国内疫情实时监测</h2>
						<h3>实时同步国内疫情数据，第一时间了解疫情发展现状</h3>
					</div>
				</div>
			</div>
			<div class="item">
				<div class="items scaleBg" style="background-image: url(../static/img/banner4.jpg);"></div>
				<div class="inner">
					<div class="block_txt">
						<h2>世界疫情可视化</h2>
						<h3>世界各国疫情状况可视化分析，快速了解全球疫情动态</h3>
					</div>
				</div>
			</div>            
		</div>
		<div class="left slick_txt">
			<div class="prev slick_arrow"></div>
		</div>
		<div class="right slick_txt">
			<div class="next slick_arrow"></div>
		</div>
		<div class="number">
			<div class="inner clearfix">
				<span class="active">01</span>
				<span >02</span>
				<span >03</span>
				<span >04</span>
			</div>
		</div>
	</div>
	
	
	<div style="text-align:center;position:absolute;top:4%;left:3%">
		<img src="../static/img/logo.png" alt="" />
	</div>
    <!-- Footer Widget Section -->
	<div style="text-align:center;position:absolute;bottom:0%;left:44%">
		<a rel="nofollow" href="https://beian.miit.gov.cn" target="_blank" style="text-decoration:none" ><h4 style="color:#FFF">苏ICP备2021012761号-1</h4></a>
	</div>
</div>

<script src="../static/js/jquery.min.js"></script>
<script src="../static/js/jquery.fullPage.min.js"></script>
<script src="../static/js/index_slick.js"></script>
<script src="../static/js/index.js"></script>

</body>
</html>
